<template>
	<slot :controller="controller" :store="store" :model="model">
    <AppForm
		ref="editForm"
        v-bind="$attrs"
		:id="controlID"
		:name="model.codeName"
		:class="classNames"
		:data="store.data"
		>
        <AppAnchor v-if="store.anchorData.length > 0" :controlID="controlID" :anchorData="store.anchorData" />
        <div class="control-content app-control-form__content">
			<AppRow :layoutOpts="{selfLayout: 'TABLE_24COL',}">
				<AppCol
				    noRoot
				    :visible="store.detailModel.group1.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="group1" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="group1"
				                v-show="store.detailModel.group1.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="示例实体01基本信息"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.group1.showMoreItems"
				                :showMoreMode="store.detailModel.group1.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.group1.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.rawitem1.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="rawitem1" :controller="controller" :store="store" :model="model">
				                        <AppFormRaw 
				                            name="rawitem1"
				                            contentType="VIDEO"
				                            :videoParams="{path: 'https://vd3.bdstatic.com/mda-kg2s188sus73uyed/v1-cae/sc/mda-kg2s188sus73uyed.mp4?v_from_s=hkapp-haokan-hna&auth_key=1675325526-0-0-8930c32d006e26d7c741b59ce8b8ee03&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=2526844596&vid=17508511918411322157&abtest=&klogid=2526844596', mute:true,autoplay: true,replay: false,showcontrols: true}"
				                                    />
				                    </slot>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.rawitem2.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="rawitem2" :controller="controller" :store="store" :model="model">
				                        <AppFormRaw 
				                            name="rawitem2"
				                            contentType="PLACEHOLDER"
				                            sizeStyle="height:-1px;width:-1px"
				                        />
				                    </slot>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.rawitem3.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="rawitem3" :controller="controller" :store="store" :model="model">
				                        <AppFormRaw 
				                            name="rawitem3"
				                            contentType="DIVIDER"
				                            :dividerParams="{contentPosition:'left',html:'分割线的标题'}"
				                        />
				                    </slot>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.rawitem5.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="rawitem5" :controller="controller" :store="store" :model="model">
				                        <AppFormRaw 
				                            name="rawitem5"
				                            contentType="INFO"
				                            :alertParams="{title: '这是常规提示信息',closeable: true,showIcon: false,}"
				                        />
				                    </slot>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.rawitem6.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="rawitem6" :controller="controller" :store="store" :model="model">
				                        <AppFormRaw 
				                            name="rawitem6"
				                            contentType="WARNING"
				                            :alertParams="{title: '这是警告提示信息',closeable: true,showIcon: false,}"
				                        />
				                    </slot>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.rawitem4.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="rawitem4" :controller="controller" :store="store" :model="model">
				                        <AppFormRaw 
				                            name="rawitem4"
				                            contentType="ERROR"
				                            :alertParams="{title: '这是错误提示信息',closeable: true,showIcon: false,}"
				                        />
				                    </slot>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.grouppanel1.visible"
				                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template #default="{ slotClass, slotStyle }">
				                        <slot name="grouppanel1" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormGroup 
				                                name="grouppanel1"
				                                v-show="store.detailModel.grouppanel1.visible"
				                                :slotClass="slotClass"
				                                :slotStyle="slotStyle"
				                                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                                title="分组"
				                                subCaption=""
				                                :enableAnchor="false"
				                                :showMoreItems="store.detailModel.grouppanel1.showMoreItems"
				                                :showMoreMode="store.detailModel.grouppanel1.showMoreMode"
				                                iconClass="fa fa-list-ul"
				                                :infoGroupMode="false"
				                                :titleBarCloseMode="1"
				                                :showCaption="true"
				                                :uIActionGroup="store.detailModel.grouppanel1.uIActionGroup"
				                                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label=""
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem.valueRule"
				                                                :emptyCaption="true">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitemEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <span style="width:100%;display: inline-block;font-size:18px; color:red; text-align:right;  font-weight:600;">{{ store.data.formitem  || '' }}</span>
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                            </AppFormGroup>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem3.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem3"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem3"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="单行文本"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem3.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem3Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppInput
				                                            v-bind="{ editorType: 'TEXTBOX', append: '这是后缀', prepend: '这是前缀', maxlength: 15, showWordLimit: true }"
				                                            afterLabel="这是后缀"
				                                            beforeLabel="这是前缀"
				                                            type="text"
				                                            style=""
				                                            name="formitem3"
				                                            :isDebounce="false"
				                                            :disabled="store.detailModel.formitem3.disabled"
				                                            :value="store.data.formitem3"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem4.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem4"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem4"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="多行文本"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem4.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem4Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppInput
				                                            v-bind="{ editorType: 'TEXTAREA', minRows: 2, maxRows: 8, maxlength: 20, showWordLimit: true }"
				                                            :maxRows="8"
				                                            :minRows="2"
				                                            type="textarea"
				                                            style=""
				                                            name="formitem4"
				                                            :isDebounce="false"
				                                            :disabled="store.detailModel.formitem4.disabled"
				                                            :value="store.data.formitem4"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem5.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem5"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem5"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="超链接"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem5.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem5Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppArrayBox 
				                                            type="text"
				                                            v-bind="{ editorType: 'ARRAY', append: '.com', prepend: 'http://', maxlength: 8, showWordLimit: true, editorStyle: 'url' }"
				                                            editorStyle="url"
				                                            :maxLength="8"
				                                            :showWordLimit="true"
				                                            prepend="http://"
				                                            append=".com"
				                                            style=""
				                                            name="formitem5"
				                                            :disabled="store.detailModel.formitem5.disabled"
				                                            :rules="store.detailModel.formitem5.valueRule"
				                                            :value="store.data.formitem5"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem8.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem8"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem8"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="数组"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem8.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem8Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppArrayBox 
				                                            type="text"
				                                            v-bind="{ editorType: 'ARRAY', size: 'large' }"
				                                            size="large"
				                                            style=""
				                                            name="formitem8"
				                                            :disabled="store.detailModel.formitem8.disabled"
				                                            :rules="store.detailModel.formitem8.valueRule"
				                                            :value="store.data.formitem8"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem9.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem9"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem9"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="图片"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem9.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem9Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppArrayBox 
				                                            type="text"
				                                            v-bind="{ editorType: 'ARRAY', size: 'large', editorStyle: 'img' }"
				                                            editorStyle="img"
				                                            size="large"
				                                            style=""
				                                            name="formitem9"
				                                            :disabled="store.detailModel.formitem9.disabled"
				                                            :rules="store.detailModel.formitem9.valueRule"
				                                            :value="store.data.formitem9"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem16.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem16"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem16"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="地图选择"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem16.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem16Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field14.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field14"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field14"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                :label="$t('DEF.LNAME.FIELD14', '单选框')"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field14.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field14Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppRadioGroup
				                                            codeListTag="common__SCODELIST_TEXT"
				                                            codeListType="STATIC"
				                                            
				                                            v-bind="{ editorType: 'RADIOBUTTONLIST', border: true, size: 'large', button: true }"
				                                            :border="true"
				                                            :button="true"
				                                            size="large"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="field14"
				                                            :disabled="store.detailModel.field14.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field14"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field16.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field16"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field16"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                :label="$t('DEF.LNAME.FIELD16', '多选框')"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field16.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field16Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppCheckboxList
				                                            v-bind="{ editorType: 'CHECKBOXLIST', border: true, size: 'large', button: true }"
				                                            :border="true"
				                                            :button="true"
				                                            size="large"
				                                            codeListTag="common__SCODELIST_TEXT"
				                                            codeListType="STATIC"
				                                            :codeItemValueNumber="false"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="field16"
				                                            :disabled="store.detailModel.field16.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field16"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        /> 
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem10.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem10"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem10"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="下拉"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem10.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem10Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDropdownList
				                                            v-bind="{ editorType: 'DROPDOWNLIST', clearable: true }"
				                                            :clearable="true"
				                                            :multiple="false"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="formitem10"
				                                            :disabled="store.detailModel.formitem10.disabled"
				                                            :value="store.data.formitem10"
				                                            :data="store.data"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        /> 
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem17.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem17"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem17"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="下拉列表框（多选）"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem17.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem17Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDropdownList
				                                            v-bind="{ editorType: 'MDROPDOWNLIST', filterable: false }"
				                                            :filterable="false"
				                                            :multiple="true"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="formitem17"
				                                            :disabled="store.detailModel.formitem17.disabled"
				                                            :value="store.data.formitem17"
				                                            :data="store.data"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        /> 
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.grouppanel2.visible"
				                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template #default="{ slotClass, slotStyle }">
				                        <slot name="grouppanel2" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormGroup 
				                                name="grouppanel2"
				                                v-show="store.detailModel.grouppanel2.visible"
				                                :slotClass="slotClass"
				                                :slotStyle="slotStyle"
				                                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                                title="值项"
				                                subCaption=""
				                                :enableAnchor="false"
				                                :showMoreItems="store.detailModel.grouppanel2.showMoreItems"
				                                :showMoreMode="store.detailModel.grouppanel2.showMoreMode"
				                                :infoGroupMode="false"
				                                :titleBarCloseMode="0"
				                                :showCaption="true"
				                                :uIActionGroup="store.detailModel.grouppanel2.uIActionGroup"
				                                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem19.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem19"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem19"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="时间范围选择器"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem19.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem19Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppDateRangePicker
				                                                            v-bind="{ editorType: 'DATERANGE', type: 'datetimerange', unlinkPanels: true, endPlaceholder: '结束时间提示', startPlaceholder: '开始时间提示', valueFormat: 'MM-dd HH:mm:ss', format: 'yyyy-MM-dd HH:mm:ss', mode: 'dateTime' }"
				                                                            format="yyyy-MM-dd HH:mm:ss"
				                                                            valueFormat="MM-dd HH:mm:ss"
				                                                            valueItemNames="formitem24,formitem25"
				                                                            type="datetimerange"
				                                                            startPlaceholder="开始时间提示"
				                                                            endPlaceholder="结束时间提示"
				                                                            name="formitem19"
				                                                            :disabled="store.detailModel.formitem19.disabled"
				                                                            :data="store.data"
				                                                            :value="store.data.formitem19"
				                                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem24.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem24"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem24"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="开始时间"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem24.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem24Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppSpan
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            :dataType="25"
				                                                            v-bind="{ editorType: 'SPAN', }"
				                                                            deMajorField=""
				                                                            editorType="SPAN"
				                                                            style=""
				                                                            name="formitem24"
				                                                            noValueShowMode="STYLE1"
				                                                            :value="store.data.formitem24"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem25.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem25"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem25"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="结束时间"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem25.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem25Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppSpan
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            :dataType="25"
				                                                            v-bind="{ editorType: 'SPAN', }"
				                                                            deMajorField=""
				                                                            editorType="SPAN"
				                                                            style=""
				                                                            name="formitem25"
				                                                            noValueShowMode="STYLE1"
				                                                            :value="store.data.formitem25"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem26.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem26"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem26"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="数值范围编辑框"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem26.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem26Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppNumberRangePicker
				                                                            valueItemNames="formitem27,formitem28"
				                                                            v-bind="{ editorType: 'NUMBERRANGE', max: 90, precision: 2, min: 10, endPlaceholder: '结束值提示', startPlaceholder: '开始值提示' }"
				                                                            startPlaceholder="开始值提示"
				                                                            endPlaceholder="结束值提示"
				                                                            :precision="2"
				                                                            :min="10"
				                                                            :max="90"
				                                                            name="formitem26"
				                                                            :disabled="store.detailModel.formitem26.disabled"
				                                                            :data="store.data"
				                                                            :value="store.data.formitem26"
				                                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem27.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem27"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem27"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="开始值"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem27.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem27Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppSpan
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            :dataType="25"
				                                                            v-bind="{ editorType: 'SPAN', }"
				                                                            deMajorField=""
				                                                            editorType="SPAN"
				                                                            style=""
				                                                            name="formitem27"
				                                                            noValueShowMode="STYLE1"
				                                                            :value="store.data.formitem27"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem28.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem28"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem28"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="结束值"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem28.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem28Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppSpan
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            :dataType="25"
				                                                            v-bind="{ editorType: 'SPAN', }"
				                                                            deMajorField=""
				                                                            editorType="SPAN"
				                                                            style=""
				                                                            name="formitem28"
				                                                            noValueShowMode="STYLE1"
				                                                            :value="store.data.formitem28"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem29.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem29"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem29"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="地图选择器"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem29.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem29Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppMapPicker
				                                                            v-bind="{ editorType: 'MAPPICKER', }"
				                                                            valueItemNames="formitem31,formitem30,"
				                                                            style=""
				                                                            name="formitem29"
				                                                            :disabled="store.detailModel.formitem29.disabled"
				                                                            :data="store.data"
				                                                            :value="store.data.formitem29"
				                                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                        />                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem31.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem31"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem31"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="地图经度"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem31.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem31Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppSpan
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            :dataType="25"
				                                                            v-bind="{ editorType: 'SPAN', }"
				                                                            deMajorField=""
				                                                            editorType="SPAN"
				                                                            style=""
				                                                            name="formitem31"
				                                                            noValueShowMode="STYLE1"
				                                                            :value="store.data.formitem31"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.formitem30.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="formitem30"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="formitem30"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="地图纬度"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.formitem30.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="formitem30Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppSpan
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            :dataType="25"
				                                                            v-bind="{ editorType: 'SPAN', }"
				                                                            deMajorField=""
				                                                            editorType="SPAN"
				                                                            style=""
				                                                            name="formitem30"
				                                                            noValueShowMode="STYLE1"
				                                                            :value="store.data.formitem30"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                            </AppFormGroup>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem6.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem6"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem6"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="级联选择"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem6.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem6Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDropdownList
				                                            codeListTag="Sample__AppEditorType"
				                                            codeListType="STATIC"
				                                            v-bind="{ editorType: 'DROPDOWNLIST', multiple: true, showAllLevels: true, separator: '- ', editorStyle: 'cascader', filterabled: true }"
				                                            editorStyle="cascader"
				                                            :multiple="false"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="formitem6"
				                                            :disabled="store.detailModel.formitem6.disabled"
				                                            :value="store.data.formitem6"
				                                            :data="store.data"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        /> 
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem1.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem1"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem1"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="级联选择（多）"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem1.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem1Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDropdownList
				                                            codeListTag="Sample__AppEditorType"
				                                            codeListType="STATIC"
				                                            v-bind="{ editorType: 'MDROPDOWNLIST', editorStyle: 'cascader' }"
				                                            editorStyle="cascader"
				                                            :multiple="true"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="formitem1"
				                                            :disabled="store.detailModel.formitem1.disabled"
				                                            :value="store.data.formitem1"
				                                            :data="store.data"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        /> 
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem11.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem11"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem11"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="树形选择"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem11.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem11Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDropdownList
				                                            codeListTag="Sample__AppEditorType"
				                                            codeListType="STATIC"
				                                            v-bind="{ editorType: 'DROPDOWNLIST', multiple: true, checkStrictly: true, parent: true, editorStyle: 'tree' }"
				                                            editorStyle="tree"
				                                            :multiple="false"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="formitem11"
				                                            :disabled="store.detailModel.formitem11.disabled"
				                                            :value="store.data.formitem11"
				                                            :data="store.data"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        /> 
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem2.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem2"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem2"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="树形选择（多）"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem2.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem2Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDropdownList
				                                            codeListTag="Sample__AppEditorType"
				                                            codeListType="STATIC"
				                                            v-bind="{ editorType: 'MDROPDOWNLIST', editorStyle: 'tree' }"
				                                            editorStyle="tree"
				                                            :multiple="true"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="formitem2"
				                                            :disabled="store.detailModel.formitem2.disabled"
				                                            :value="store.data.formitem2"
				                                            :data="store.data"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        /> 
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem12.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem12"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem12"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="时间"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem12.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem12Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDatePicker
				                                            v-bind="{ editorType: 'DATEPICKER', TIMEFMT: 'YYYY-MM-DD HH:mm:ss' }"
				                                            format="YYYY-MM-DD HH:mm:ss"
				                                            dateType="dateTime"
				                                            name="formitem12"
				                                            :disabled="store.detailModel.formitem12.disabled"
				                                            :value="store.data.formitem12"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem13.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem13"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem13"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="图标"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem13.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem13Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppInput
				                                            v-bind="{ editorType: 'TEXTBOX', iconList: [{ label: '基本图标',      list: ['el-icon-info', 'el-icon-error'] }] }"
				                                            type="text"
				                                            style=""
				                                            name="formitem13"
				                                            :isDebounce="false"
				                                            :disabled="store.detailModel.formitem13.disabled"
				                                            :value="store.data.formitem13"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem7.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem7"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem7"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="开关"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem7.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem7Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppSwitch
				                                            v-bind="{ editorType: 'SWITCH', dicData: [{label:'关了',value:0},{label:'开了',value:1}] }"
				                                            :dicData="[{label:'关了',value:0},{label:'开了',value:1}]"
				                                            style=""
				                                            name="formitem7"
				                                            :disabled="store.detailModel.formitem7.disabled"
				                                            :value="store.data.formitem7"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem15.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem15"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem15"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="评分器"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem15.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem15Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppRating
				                                            v-bind="{ editorType: 'RATING', colors: ['red','yellow','green'], showText: true, texts: ['可以','还行','好'] }"
				                                            :texts="['可以','还行','好']"
				                                            :context="store.context"
				                                            :viewParams="store.viewParams"
				                                            style=""
				                                            name="formitem15"
				                                            :disabled="store.detailModel.formitem15.disabled"
				                                            :data="store.data"
				                                            :value="Number(store.data.formitem15)"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem18.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem18"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem18"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="滑动-范围"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem18.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem18Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppSlider
				                                            v-bind="{ editorType: 'SLIDER', range: true }"
				                                            :range="true"
				                                            style=""
				                                            name="formitem18"
				                                            :disabled="store.detailModel.formitem18.disabled"
				                                            :value="store.data.formitem18"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem14.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem14"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem14"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="滑动输入条"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem14.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem14Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppSlider
				                                            v-bind="{ editorType: 'SLIDER', showStops: true }"
				                                            :showStops="true"
				                                            style=""
				                                            name="formitem14"
				                                            :disabled="store.detailModel.formitem14.disabled"
				                                            :value="Number(store.data.formitem14)"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.grouppanel3.visible"
				                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template #default="{ slotClass, slotStyle }">
				                        <slot name="grouppanel3" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormGroup 
				                                name="grouppanel3"
				                                v-show="store.detailModel.grouppanel3.visible"
				                                :slotClass="slotClass"
				                                :slotStyle="slotStyle"
				                                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                                title="级联选择器"
				                                subCaption=""
				                                :enableAnchor="false"
				                                :showMoreItems="store.detailModel.grouppanel3.showMoreItems"
				                                :showMoreMode="store.detailModel.grouppanel3.showMoreMode"
				                                :infoGroupMode="false"
				                                :titleBarCloseMode="0"
				                                :showCaption="true"
				                                :uIActionGroup="store.detailModel.grouppanel3.uIActionGroup"
				                                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.field4.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="field4"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="field4"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="属性4"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.field4.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="field4Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppCascader
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            style=""
				                                                            v-bind="{ editorType: 'CASCADER', }"
				                                                            :valueItems="[
				                                                                { name: 'field6', appDataEntity: 'IBIZBOOK', dataSet:'FetchDefault' },
				                                                                { name: 'field9', appDataEntity: 'IBIZOrder', dataSet:'FetchDefault' }
				                                                            ]"
				                                                            name="field4"
				                                                            :disabled="store.detailModel.field4.disabled"
				                                                            :value="store.data.field4"
				                                                            :data="store.data"
				                                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                        />                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.field6.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="field6"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="field6"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="属性6"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.field6.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="field6Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppSpan
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            :dataType="25"
				                                                            v-bind="{ editorType: 'SPAN', }"
				                                                            deMajorField=""
				                                                            editorType="SPAN"
				                                                            style=""
				                                                            name="field6"
				                                                            noValueShowMode="STYLE1"
				                                                            :value="store.data.field6"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.field9.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="field9"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                            <AppFormItem 
				                                                name="field9"
				                                                :slotStyle="slotStyle"
				                                                :slotClass="slotClass" 
				                                                label="属性9"
				                                                labelPos="LEFT" 
				                                                :labelWidth="130" 
				                                                :showLabel="true"
				                                                :enableAnchor="false" 
				                                                :rules="store.detailModel.field9.valueRule"
				                                                :emptyCaption="false">
				                                                <div class="form-editor-container">
				                                                    <slot name="field9Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                        <AppSpan
				                                                            :context="store.context"
				                                                            :viewParams="store.viewParams"
				                                                            :dataType="25"
				                                                            v-bind="{ editorType: 'SPAN', }"
				                                                            deMajorField=""
				                                                            editorType="SPAN"
				                                                            style=""
				                                                            name="field9"
				                                                            noValueShowMode="STYLE1"
				                                                            :value="store.data.field9"
				                                                        />
				                                                    </slot>
				                                                </div>
				                                            </AppFormItem>
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                            </AppFormGroup>
				                        </slot>
				                    </template>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
			</AppRow>
        </div>
    </AppForm>
	</slot>
</template>
<script setup lang="ts">
// 基于template/src/widgets/{{appEntities}}/{{ctrls@FORM}}-form/{{spinalCase ctrl.codeName}}-form-base.vue.hbs生成

import { Ref } from 'vue';
import { AppAnchor } from '@components/common/anchor';
import { AppCol } from '@/components/common/col';
import { AppRow } from '@/components/common/row';
import { AppForm, AppFormPage, AppFormGroup, AppFormTabPage, AppFormItem, AppFormButton, AppFormDruipart, AppFormIframe, AppFormRaw, AppFormMdCtrl, AppFormMdCtrlRepeater } from '@components/widgets/form';
import { IEvent, EditFormActionType, IEditFormAbility, IEditFormStore, IParam } from '@/core';
import { useProps, useBasic, useAction, useController } from './usr-0111762182-form-hook';

const editForm: Ref = ref(null);

// 输入参数
const props = defineProps(useProps());

// 基础数据
const { controlID, getClassNames, model ,useNavParamsBind, useEventBind, handleActionClick, handleComponentAction } = useBasic(props);

const emit = defineEmits<{
    (event: 'ctrl-action', name: string, action: EditFormActionType, data: IParam[]): void;
    (event: 'ctrl-init', name: string, data: IEditFormAbility): void;
    (event: 'ctrl-destroy', name: string, data: IParam): void;
}>();

const evt = useEventBind(emit);
//  部件样式名
const classNames = computed(() => {
  return getClassNames(props);
});

//  表单控制器
const controller = useController(props, evt, { controlID, editForm });

useNavParamsBind(controller, props);

const store: IEditFormStore = controller.getStore();

const ctrlService = controller.getCtrlService();

onMounted(() => {
    controller.ctrlMounted();
});
onUnmounted(() => {
    controller.ctrlDestroy();
})
</script>